module.exports = {
  productionSourceMap: false, //去掉打包的时候生成的map文件
  assetsDir: 'static', //静态资源目录名称
  publicPath: './', //打包后的位置(如果不设置这个静态资源会报404)
  configureWebpack: config => {
    return {
      // devServer是本地服务器  
      devServer: {
        port: 3000, //端口号
        open: true, //是否热启动
        proxy: {
          '/': { //相当把 http://localhost:3000/api/xxxxx 变成http://localhost:5000/api/xxxxx
            target: 'http://localhost:5000', //把/api前面的替换为当前地址
            ws: true,
            changOrigin: true, //是否跨域
            pathRewrite: {
              '^/': '/' //最后把/api重新为/
            }
          },
        }
      },
    }
  },
  css: { //css处理器
    loaderOptions: {
      sass: {
        //prependData: `@import "~@/assets/scss/_setting.scss";`, 前面加不加~都行 也可以混合
        prependData: `@import "@/assets/scss/_setting.scss";@import "~@/assets/scss/_mixin.scss";`,
      },
      // postcss: {
      //   plugins: [
      //     require('postcss-plugin-px2rem')({
      //       //设计图宽度 750px -》75 420px-》42
      //       rootValue: 75, //换算基数， 默认100  ，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。
      //       // unitPrecision: 5, //允许REM单位增长到的十进制数字。
      //       //propWhiteList: [],  //默认值是一个空数组，这意味着禁用白名单并启用所有属性。
      //       // propBlackList: [], //黑名单
      //       // exclude: /(page_pc)/i,  //默认false，可以（reg）利用正则表达式排除某些文件夹的方法，例如/(node_module)/ 。如果想把前端UI框架内的px也转换成rem，请把此属性设为默认值
      //       exclude: /(node_modules|public)/i,
      //       // selectorBlackList: ['van-'], //要忽略并保留为px的选择器,我们一般不转换vantui中的大小
      //       // ignoreIdentifier: false,  //（boolean/string）忽略单个属性的方法，启用ignoreidentifier后，replace将自动设置为true。
      //       // replace: true, // （布尔值）替换包含REM的规则，而不是添加回退。
      //       mediaQuery: false,  //（布尔值）允许在媒体查询中转换px。
      //       minPixelValue: 3 //设置要替换的最小像素值(3px会被转rem)。 默认 0
      //     }),
      //   ]
      // }
    },
  },
}